<script lang="ts">
import {Vue, Component} from 'vue-property-decorator';
import {$api} from "../../../api";
import EventBus from "../eventBus/event";
@Component({name: "PageTurn"})
export default class PageTurn extends Vue {
  handlePre(){
    // 请求接口数据
    EventBus.$emit("plugin_event_pre");
  }
  handleNext(){
  // 请求接口数据
    EventBus.$emit("plugin_event_next");
}


}
</script>

<template>
<div class="cc-modal-plugin__item">
  <div @click="handlePre">< 向前</div>
  <div style="margin-left: 10px" @click="handleNext">向后 ></div>
</div>
</template>

<style scoped lang="scss">
.cc-modal-plugin__item{
  display: flex;
  align-items: center;
  height: 100%;
  cursor: pointer;
  line-height: 100%;
}
</style>